<!DOCTYPE html>
<html lang="zh">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>数字娱乐 - 淘宝网</title>
<meta name="description" content="">
<meta name="keywords" content="">
<link rel="stylesheet" type="text/css" href="http://a.tbcdn.cn/app/dp/eb/css/global.css">
<link rel="stylesheet" type="text/css" href="http://a.tbcdn.cn/app/dp/eb/css/dpd-index.css">
<script type="text/javascript" src="http://cn.yimg.com/i/yui/3.0.0/build/yui/yui-min.js"></script>

</head>
<body>



<div id="doc-d">

<!--bd-->
<div id="bd">

	<!--正文开始-->
	<div class="grid-r2 mt10">
		<div class="g-main"> 
			<div class="main-wrap">

				<div class="sliderbox clearfix">
					<!-- {{ -->

<!---slider {{ -->
<style>
.sliderbox {width:365px;}
.mojo-slider .item-container{
	height:300px;
	overflow:hidden;
	width:100%;
	/*background-color:red;*/
}
</style>
<div class="mojo-slider mt10" id="J_mojo_slider_2">
		<p class="tab-play hidden"><span>点击播放</span></p>
		<div class="m-hd clearfix ml10 mr20 mb10">
			<span class="fl">新片速递</span>
			<div class="fr"> 
				<ul class="dot mr10 tab-nav">
					<li class="on"></li>
					<li></li>
					<li></li>							
				</ul>
				<button class="prev">prev</button>
				<button class="next">next</button>
			</div>
		</div>
		<div class="m-bd">
		<div class="item-container clearfix">
			<div class="item"> 
				<ul>					
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12541" target=_blank><img src="http://img02.taobaocdn.com/video/i2/T1ZhloXmlxXXb1upjX" />
						<p>蜗居</p></a>
					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12245" target=_blank><img src="http://img06.taobaocdn.com/video/i6/T1ZAxnXf0MXXb1upjX" />

						<p>我的青春谁做主</p></a>
					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12480" target=_blank><img src="http://img07.taobaocdn.com/video/i7/T12BtnXX0fXXb1upjX" />
						<p>凤穿牡丹</p></a>
					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12525" target=_blank><img src="http://img08.taobaocdn.com/video/i8/T1vAJnXj0HXXb1upjX" />
						<p>命中注定我爱你</p></a>

					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12515" target=_blank><img src="http://img05.taobaocdn.com/video/i5/T1DAxnXfVNXXb1upjX" />
						<p>北方有佳人</p></a>
					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12286" target=_blank><img src="http://img07.taobaocdn.com/video/i7/T1dRXnXXFyXXb1upjX" />
						<p>狙击手</p></a>
					 </li>											
				</ul>
			</div>
			<div class="item"> 
				<ul>
					<li class="hack"> 
						<a href="http://taobao.joy.cn/play.html?vid=12403" target=_blank><img src="http://img06.taobaocdn.com/video/i6/T1URdnXepvXXb1upjX" />
						<p>这该死的爱情</p></a>
					 </li>	
					<li class="hack"> 
						<a href="http://taobao.joy.cn/play.html?vid=12495" target=_blank><img src="http://img08.taobaocdn.com/video/i8/T1dllnXm8sXXb1upjX" />
						<p>一起来看流星雨</p></a>
					 </li>	
					<li class="hack"> 
						<a href="http://taobao.joy.cn/play.html?vid=12467" target=_blank><img src="http://img08.taobaocdn.com/video/i8/T19Q8nXdpyXXb1upjX" />
						<p>爱就宅一起</p></a>
					 </li>	
					<li class="hack"> 
						<a href="http://taobao.joy.cn/play.html?vid=12318" target=_blank><img src="http://img06.taobaocdn.com/video/i6/T1FkVnXatDXXb1upjX" />
						<p>我的兄弟叫顺溜</p></a>
					 </li>	
					<li class="hack"> 
						<a href="http://taobao.joy.cn/play.html?vid=12381" target=_blank><img src="http://img02.taobaocdn.com/video/i2/T1aRhnXkNuXXb1upjX" />
						<p>人间正道是沧桑</p></a>
					 </li>	
					<li class="hack"> 
						<a href="http://taobao.joy.cn/play.html?vid=12429" target=_blank><img src="http://img02.taobaocdn.com/video/i2/T17lhnXa0tXXb1upjX" />
						<p>狼烟</p></a>
					 </li>										
				</ul>
			</div>
			<div class="item"> 
				<ul> 
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=15189" target=_blank><img src="http://img02.taobaocdn.com/video/i2/T114FrXmtnXXb1upjX" />
						<p>沂蒙</p></a>
					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12384" target=_blank><img src="http://img04.taobaocdn.com/video/i4/T1ERdnXm4vXXb1upjX" />
						<p>终极三国</p></a>
					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12407" target=_blank><img src="http://img06.taobaocdn.com/video/i6/T1nKRrXflcXXb1upjX" />
						<p>战北平</p></a>
					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12358" target=_blank><img src="http://img08.taobaocdn.com/video/i8/T1wARnXkREXXb1upjX" />
						<p>新牛郎织女</p></a>
					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12367" target=_blank><img src="http://img05.taobaocdn.com/video/i5/T1CQJnXgdHXXb1upjX" />
						<p>黑脸大包公</p></a>
					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12359" target=_blank><img src="http://img03.taobaocdn.com/video/i3/T1xABnXatLXXb1upjX" />
						<p>爱情的条件第一部</p></a>
					 </li>								
				</ul>
			</div>
		</div><!--/-->

		</div>
	 </div><!--#mojo-slider-->

	 <div class="mojo-slider mt10" id="J_mojo_slider_3">
		<p class="tab-play hidden"><span>点击播放</span></p>
		<div class="m-hd clearfix ml10 mr20 mb10">
			<span class="fl">新片速递</span>
			<div class="fr"> 
				<ul class="dot mr10 tab-nav">
					<li class="on"></li>
					<li></li>
					<li></li>							
				</ul>
				<button class="prev">prev</button>
				<button class="next">next</button>
			</div>
		</div>
		<div class="m-bd">
		<div class="item-container clearfix">
			<div class="item"> 
				<ul>					
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12541" target=_blank><img src="http://img02.taobaocdn.com/video/i2/T1ZhloXmlxXXb1upjX" />
						<p>蜗居</p></a>
					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12245" target=_blank><img src="http://img06.taobaocdn.com/video/i6/T1ZAxnXf0MXXb1upjX" />

						<p>我的青春谁做主</p></a>
					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12480" target=_blank><img src="http://img07.taobaocdn.com/video/i7/T12BtnXX0fXXb1upjX" />
						<p>凤穿牡丹</p></a>
					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12525" target=_blank><img src="http://img08.taobaocdn.com/video/i8/T1vAJnXj0HXXb1upjX" />
						<p>命中注定我爱你</p></a>

					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12515" target=_blank><img src="http://img05.taobaocdn.com/video/i5/T1DAxnXfVNXXb1upjX" />
						<p>北方有佳人</p></a>
					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12286" target=_blank><img src="http://img07.taobaocdn.com/video/i7/T1dRXnXXFyXXb1upjX" />
						<p>狙击手</p></a>
					 </li>											
				</ul>
			</div>
			<div class="item"> 
				<ul>
					<li class="hack"> 
						<a href="http://taobao.joy.cn/play.html?vid=12403" target=_blank><img src="http://img06.taobaocdn.com/video/i6/T1URdnXepvXXb1upjX" />
						<p>这该死的爱情</p></a>
					 </li>	
					<li class="hack"> 
						<a href="http://taobao.joy.cn/play.html?vid=12495" target=_blank><img src="http://img08.taobaocdn.com/video/i8/T1dllnXm8sXXb1upjX" />
						<p>一起来看流星雨</p></a>
					 </li>	
					<li class="hack"> 
						<a href="http://taobao.joy.cn/play.html?vid=12467" target=_blank><img src="http://img08.taobaocdn.com/video/i8/T19Q8nXdpyXXb1upjX" />
						<p>爱就宅一起</p></a>
					 </li>	
					<li class="hack"> 
						<a href="http://taobao.joy.cn/play.html?vid=12318" target=_blank><img src="http://img06.taobaocdn.com/video/i6/T1FkVnXatDXXb1upjX" />
						<p>我的兄弟叫顺溜</p></a>
					 </li>	
					<li class="hack"> 
						<a href="http://taobao.joy.cn/play.html?vid=12381" target=_blank><img src="http://img02.taobaocdn.com/video/i2/T1aRhnXkNuXXb1upjX" />
						<p>人间正道是沧桑</p></a>
					 </li>	
					<li class="hack"> 
						<a href="http://taobao.joy.cn/play.html?vid=12429" target=_blank><img src="http://img02.taobaocdn.com/video/i2/T17lhnXa0tXXb1upjX" />
						<p>狼烟</p></a>
					 </li>										
				</ul>
			</div>
			<div class="item"> 
				<ul> 
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=15189" target=_blank><img src="http://img02.taobaocdn.com/video/i2/T114FrXmtnXXb1upjX" />
						<p>沂蒙</p></a>
					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12384" target=_blank><img src="http://img04.taobaocdn.com/video/i4/T1ERdnXm4vXXb1upjX" />
						<p>终极三国</p></a>
					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12407" target=_blank><img src="http://img06.taobaocdn.com/video/i6/T1nKRrXflcXXb1upjX" />
						<p>战北平</p></a>
					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12358" target=_blank><img src="http://img08.taobaocdn.com/video/i8/T1wARnXkREXXb1upjX" />
						<p>新牛郎织女</p></a>
					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12367" target=_blank><img src="http://img05.taobaocdn.com/video/i5/T1CQJnXgdHXXb1upjX" />
						<p>黑脸大包公</p></a>
					 </li>	
					<li class="hack">
						<a href="http://taobao.joy.cn/play.html?vid=12359" target=_blank><img src="http://img03.taobaocdn.com/video/i3/T1xABnXatLXXb1upjX" />
						<p>爱情的条件第一部</p></a>
					 </li>								
				</ul>
			</div>
		</div><!--/-->

		</div>
	 </div><!--#mojo-slider-->

<script>
YUI({
    modules:{
        'slide':{
            fullpath:'../slide.js',
            requires:['node','anim']
        }
    }
}).use('slide','dump',function(Y){
	//纵向滚动实例
    var s = new Y.Slide('J_mojo_slider_2',{
        autoSlide:true,
        eventype:'mouseover',
		effect:'v-slide',
		timeout:3000,
		conClass:'mojo-slider',//幻灯容器的className，可以不指定
		navClass:'tab-nav',//导航ul的className,因为这里名称也是tab-nav,因此可以不指定
		contentClass:'item-container',//主内容容器的ClassName
		pannelClass:'item',//每个内容单元div的ClassName
		selectedClass:'on'
    });
	//向后
	Y.one('#J_mojo_slider_2 .next').on('click',function(e){
		e.halt();
		s.next();
	});
	//向前
	Y.one('#J_mojo_slider_2 .prev').on('click',function(e){
		e.halt();
		s.previous();
	});

	//横向滚动实例
	var k = new Y.Slide('J_mojo_slider_3',{
        autoSlide:true,
        eventype:'mouseover',
		effect:'h-slide',
		timeout:3000,
		conClass:'mojo-slider',//幻灯容器的className，可以不指定
		navClass:'tab-nav',//导航ul的className,因为这里名称也是tab-nav,因此可以不指定
		contentClass:'item-container',//主内容容器的ClassName
		pannelClass:'item',//每个内容单元div的ClassName
		selectedClass:'on'
    });
	//向后
	Y.one('#J_mojo_slider_3 .next').on('click',function(e){
		e.halt();
		k.next();
	});
	//向前
	Y.one('#J_mojo_slider_3 .prev').on('click',function(e){
		e.halt();
		k.previous();
	});

});
</script>
<!--slider }} -->




					<!-- }} -->
				</div>


			</div>
		</div>


</div>

	

	<!--正文结束-->
</div>

</div>


</body>
</html>

